{% extends "common/base.html" %}
{% block title %}控制台{% endblock %}
{% block body %}
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">Pinduoduo 爬虫系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">数据展示</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">主页数据</a></dd>
            <dd><a href="/goods/jumpPage" target="mainFrame">商品数据</a></dd>
            <dd><a href="/data/custom/1" target="mainFrame">定制类数据</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">爬虫管理</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">批次管理</a></dd>
            <dd><a href="javascript:;">任务管理</a></dd>
          </dl>
        </li>
      </ul>
    </div>
  </div>

  <div class="layui-body">
    <!-- 内容主体区域 -->
    <iframe style="" scrolling="no" id="mainFrame" name="mainFrame" src="https://www.baidu.com" frameborder=0 width="100%" height="100%"></iframe>
  </div>
</div>
{% endblock %}
{% block jquery%}
<script>
//JavaScript代码区域
layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                layer.msg(elem.text());
            });
        });
</script>
{% endblock %}